<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="header">
    <div class="Outside">
    <nav>
        <div class="container clearfix">
            <div class="logo">
                <p>个人简历</p>
            </div>
            <ul class="ul clearfix">
                <li><a href="">首页</a></li>
                <li><a href="">我的作品</a></li>
                <li><a href="">关于我们</a></li>
                <li><a href="">联系我们</a></li>
                <li><a href="">登录</a></li>
            </ul>
        </div>
    </nav>
    <div class="middle">
        <div class="one">
            <h1>你好，史亚洲</h1>
            <h3>欢迎来到前端工程师的个人主页</h3>
            <p>人生是一篇美丽的篇章，不断完善，让梦想更有可能性。</p>
            <button>Welcome</button>
        </div>
    </div>
    </div>
    <div class="bg"></div>
    <div class="button">
        <div class="container">
		<div class="zuo">
			<h2>个人能力</h2>
			<div class="container">
				<div class="content">
			    	<div class="col1">
			        <ul id="skill">
			        <li class="li1"><span class="expand html5"></span><em>HTML 5</em></li>
			        <li class="li2"><span class="expand css3"></span><em>CSS 3</em></li>
			        <li class="li3"><span class="expand jquery"></span><em>js</em></li>
			        <li class="li4"><span class="expand photoshop"></span><em>Photoshop</em></li>
			        </ul>
			        </div>
			    </div>
				<div class="xia">
					<h3>个人介绍</h3>
					<p>
						忠诚，诚实，有原则，从不推卸责任;自我克制，
						始终坚持起点和终点，决不半途而废;乐于学习，
						不回避问题，虚心向他人学习;自信但不自负，
						不以自我为中心;愿意虚心称赞上级对自己的接纳
						和权威;容易接近与热情和精力;人。他为人真诚、
						开朗、进取、适应力强、勤奋好学、脚踏实地，
						有较强的团队合作精神，在工作中有进取心和责任心。
					</p>
				</div>
			</div>
        </div>
    </div>
</div>
<div class="main">
	<div class="container">
		<div class="row">
			<h1>我的作品</h1>
			<div class="col">
				<img src="tianya.JPG" alt="">
				<p>天涯明月刀</p>
				<a href="http://balitungeshen.gitee.io/tianyamingyuedao/" target="_blank">点击查看</a>
			</div>
			<div class="col">
				<img src="yunba.JPG" alt="">
				<p>云巴网页</p>
				<a href="http://balitungeshen.gitee.io/web_site/" target="_blank">点击查看</a>
			</div>
			<div class="col">
				<img src="HOME.JPG" alt="">
				<p>HOMe网页</p>
				<a href="http://balitungeshen.gitee.io/homewangye/" target="_blank">点击查看</a>
			</div>
		</div>
		<div class="row">
			<h1>其他作品</h1>
			<div class="col">
				<img src="geli.JPG" alt="">
				<p>格力主页</p>
				<a href="http://balitungeshen.gitee.io/gelikongtiao" target="_blank">点击查看</a>
			</div>
			<div class="col">
				<img src="hengwang.JPG" alt="">
				<p>航望科技</p>
				<a href="http://balitungeshen.gitee.io/wuyizuoyeer/" target="_blank">点击查看</a>
			</div>
			<div class="col">
				<img src="huangse.JPG" alt="">
				<p>Repute网页</p>
				<a href="http://balitungeshen.gitee.io/wuyizuoyesan" target="_blank">点击查看</a>
			</div>
		</div>
	</div>
</div>
<div class="banner">
	<h1>我的计划</h1>
	<div class="container">
		<p>时间飞逝新的一年要有新的打算，
		对于工作更要制定好新的工作计划。
		在计划的指导下，只要我们切实努力了，
		相信升职加薪不是梦。平凡的事业承载新的希望，
		宏伟的目标开启新的梦想。面对新的工作、新的挑战，
		新的起点、新的机遇。自己的不懈努力不断开创辉煌而灿烂的美好明天，
		又是一个充满挑战、机遇与压力的一年，是辞旧迎新
		再次展现自己的又一开始，也是我非常重要的一年。</p>
	</div>
</div>
<div class="footer">
	<div class="container">
		<div class="row1">
			<div class="col2">
				<h6>QQ</h6>
				<p>3521785930</p>
			</div>
			<div class="col2">
				<h6>微信</h6>
				<p>shiyazhou401</p>
			</div>
			<div class="col2">
				<h6>手机号</h6>
				<p>15632778617</p>
			</div>
		</div>
	</div>
	<div class="ftb">
		<h3>免责声明：本站所有内容来源于史亚洲所有Copy yzgssyz © 2019</h3>
	</div>
</div>
<script type="text/javascript" src="script/script.js">
	
</script>
</body>
</html>